<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
	<th:block th:include="include :: header('修改菜单')" />
	<th:block th:include="include :: select2-css" />

</head>
<body class="white-bg">
<section class="section-content">
	<div class="row">
		<div class="col-sm-3 pr5">
			<div class="ibox float-e-margins">
				<div class="ibox-title ibox-title-gray dashboard-header gray-bg">
					<h5>基本信息</h5>
				</div>
				<div class="ibox-content">
					<div class="text-center">
						<p><img class="img-circle img-lg" th:src="@{/img/profile.jpg}"></p>
						<p><a href="javascript:avatar()">修改头像</a></p>
					</div>
					<ul class="list-group list-group-striped">
						<li class="list-group-item"><i class="fa fa-user"></i>
							<b class="font-noraml">姓名：</b>
							<p class="pull-right">[[${jUser.Name}]]</p>
						</li>
						<li class="list-group-item"><i class="fa fa-phone"></i>
							<b  class="font-noraml">年龄：</b>
							<p class="pull-right">[[${jUser.age}]]</p>
						</li>
						<li class="list-group-item"><i class="fa fa-group"></i>
							<b  class="font-noraml">司龄：</b>
							<p class="pull-right" >[[${jUser.siling}]]年</p>
						</li>
						<li class="list-group-item"><i class="fa fa-envelope-o"></i>
							<b  class="font-noraml">公司：</b>
							<p class="pull-right" >[[${jUser.compname}]]</p>
						</li>
						<li class="list-group-item"><i class="fa fa-calendar"></i>
							<b  class="font-noraml">部门：</b>
							<p class="pull-right" >[[${jUser.departname}]]</p>
						</li>
						<li class="list-group-item"><i class="fa fa-calendar"></i>
							<b  class="font-noraml">岗位：</b>
							<p class="pull-right" >[[${jUser.jobname}]]</p>
						</li>
						<li class="list-group-item"><i class="fa fa-calendar"></i>
							<b  class="font-noraml">联系方式：</b>
							<p class="pull-right" >[[${jUser.Mobile}]]</p>
						</li>
						<li class="list-group-item"><i class="fa fa-calendar"></i>
							<b  class="font-noraml">上级领导：</b>
							<p class="pull-right" >[[${jUser.ReportToname}]]</p>
						</li>
						<li class="list-group-item"><i class="fa fa-calendar"></i>
							<b  class="font-noraml">入职日期：</b>
							<p class="pull-right" >[[${jUser.JoinDate}]]</p>
						</li>
						<li class="list-group-item"><i class="fa fa-calendar"></i>
							<b  class="font-noraml">员工类型：</b>
							<p class="pull-right" >[[${jUser.emptypeName}]]</p>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<div class="col-sm-9 about">
			<div class="ibox float-e-margins">
				<div class="ibox-title ibox-title-gray dashboard-header">
					<h5>详细信息</h5>
				</div>
				<div class="ibox-content">
					<div class="nav-tabs-custom">
						<ul class="nav nav-tabs">
							<li class="active"><a href="#resume_information" data-toggle="tab" aria-expanded="true">简历信息</a></li>
							<li><a href="#company_information" data-toggle="tab" aria-expanded="false">公司信息</a></li>
							<li><a href="#achievements_information" data-toggle="tab" aria-expanded="false">绩效信息</a></li>
						</ul>
						<div class="tab-content">
							<!--简历信息-->
							<div class="tab-pane active" id="resume_information">
								<div class="table-striped">
										<h3>教育经历</h3>
										<table id="Education-table" data-mobile-responsive="true"></table>
								</div>
								<br />
								<br />
								<div class="table-striped">
									<h3>工作经历</h3>
									<table id="Working-table" data-mobile-responsive="true"></table>
								</div>
								<br />
								<br />
								<div class="table-striped">
									<h3>职称资格证书</h3>
									<table id="Qualification-table" data-mobile-responsive="true"></table>
								</div>
								<br />
								<br />
								<div class="table-striped">
									<h3>语言能力</h3>
									<table id="Language-table" data-mobile-responsive="true"></table>
								</div>
								</div>
							<!--公司信息-->
							<div class="tab-pane" id="company_information">
								<div class="table-striped">
									<h3>入职信息</h3>
									<table id="Entry-table" data-mobile-responsive="true"></table>
								</div>
								<br />
								<br />
								<div class="table-striped">
									<h3>转正信息</h3>
									<table id="Becomefull-table" data-mobile-responsive="true"></table>
								</div>
								<br />
								<br />
								<div class="table-striped">
									<h3>调动信息</h3>
									<table id="change-table" data-mobile-responsive="true"></table>
								</div>
							</div>
							<!--绩效信息-->
							<div class="tab-pane" id="achievements_information">
								绩效信息
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<th:block th:include="include :: footer" />

<script th:inline="javascript">
    var prefix = ctx + "jinpeng";
    $(function() {
        EducationList();//eBG_Education教育经历
        WorkingList();//eBG_Working工作经历
        QualificationList();//eBG_Title职业资格证书
        LanguageList();//eBG_Language语言能力
        EntryList();//入职信息
        BecomefullList();//转正信息
        changeList();//调动信息
    });
    function EducationList() {
        var options = {
            url: prefix + "/EducationList?eid=" + [[${jUser.eid}]],
			id:"Education-table",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove/{id}",
            escape: true,
            showSearch: false,
            showRefresh: false,
            showToggle: false,
            showColumns: false,
            pagination : false,
            columns: [
                {
                    field: 'beginDate',
                    title: '入校时间',
                },
                {
                    field: 'endDate',
                    title: '毕业时间'
                },
                {
                    field: 'schoolName',
                    title: '学校名称'
                },
                {
                    field: 'major',
                    title: '专业'
                }]
        };
        $.table.init(options);
    }

    function WorkingList() {
        var options = {
            url: prefix + "/WorkingList?eid=" + [[${jUser.eid}]],
            id:"Working-table",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove/{id}",
            escape: true,
            showSearch: false,
            showRefresh: false,
            showToggle: false,
            showColumns: false,
            pagination : false,
            columns: [
                {
                    field: 'beginDate',
                    title: '就职时间',
                },
                {
                    field: 'endDate',
                    title: '离职时间'
                },
                {
                    field: 'company',
                    title: '公司名称'
                },
                {
                    field: 'job',
                    title: '职业'
                }
                ,
                {
                    field: 'workplace',
                    title: '地点'
                }]
        };
        $.table.init(options);
    }

    function QualificationList() {
        var options = {
            url: prefix + "/QualificationList?eid=" + [[${jUser.eid}]],
            id:"Qualification-table",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove/{id}",
            escape: true,
            showSearch: false,
            showRefresh: false,
            showToggle: false,
            showColumns: false,
            pagination : false,
            columns: [
                {
                    field: 'title',
                    title: '证书名称',
                },
                {
                    field: 'effectdate',
                    title: '生效日期'
                },
                {
                    field: 'certNo',
                    title: '证书编号'
                },
                {
                    field: 'registerunit',
                    title: '存放地点'
                }
                ]
        };
        $.table.init(options);
    }

    function LanguageList() {
        var options = {
            url: prefix + "/LanguageList?eid=" + [[${jUser.eid}]],
            id:"Language-table",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove/{id}",
            escape: true,
            showSearch: false,
            showRefresh: false,
            showToggle: false,
            showColumns: false,
            pagination : false,
            columns: [
                {
                    field: 'certificate',
                    title: '语言级别',
                },
                {
                    field: 'effectDate',
                    title: '生效日期'
                }
            ]
        };
        $.table.init(options);
    }

    function EntryList() {
        var options = {
            url: prefix + "/EeventList?eid=" + [[${jUser.eid}]]+"&type=Entry",
            id:"Entry-table",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove/{id}",
            escape: true,
            showSearch: false,
            showRefresh: false,
            showToggle: false,
            showColumns: false,
            pagination : false,
            columns: [
                {
                    field: 'remarks',
                    title: '类型',
                },
                {
                    field: 'effectDate',
                    title: '入职时间'
                },
                {
                    field: 'compname',
                    title: '公司名称'
                },
                {
                    field: 'depname',
                    title: '部门名称'
                },
                {
                    field: 'jobname',
                    title: '岗位名称'
                },
                {
                    field: 'reportname',
                    title: '上级领导'
                }
            ]
        };
        $.table.init(options);
    }


    function BecomefullList() {
        var options = {
            url: prefix + "/EeventList?eid=" + [[${jUser.eid}]]+"&type=Becomefull",
            id:"Becomefull-table",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove/{id}",
            escape: true,
            showSearch: false,
            showRefresh: false,
            showToggle: false,
            showColumns: false,
            pagination : false,
            columns: [
                {
                    field: 'remarks',
                    title: '类型',
                },
                {
                    field: 'effectDate',
                    title: '转正时间'
                },
                {
                    field: 'compname',
                    title: '公司名称'
                },
                {
                    field: 'depname',
                    title: '部门名称'
                },
                {
                    field: 'jobname',
                    title: '岗位名称'
                },
                {
                    field: 'reportname',
                    title: '上级领导'
                }
            ]
        };
        $.table.init(options);
    }


    function changeList() {
        var options = {
            url: prefix + "/EeventList?eid=" + [[${jUser.eid}]]+"&type=change",
            id:"change-table",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove/{id}",
            escape: true,
            showSearch: false,
            showRefresh: false,
            showToggle: false,
            showColumns: false,
            pagination : false,
            columns: [
                {
                    field: 'remarks',
                    title: '类型',
                },
                {
                    field: 'effectDate',
                    title: '调动时间'
                },
                {
                    field: 'compname',
                    title: '公司名称'
                },
                {
                    field: 'depname',
                    title: '部门名称'
                },
                {
                    field: 'jobname',
                    title: '岗位名称'
                },
                {
                    field: 'reportname',
                    title: '上级领导'
                }
            ]
        };
        $.table.init(options);
    }
</script>
</body>
</html>
